package library

import (
	"gitee.com/mad-wud/lin"
)

var 表格列_基础 = `<template>
	<el-table :data="绑定列表值" style="width: 90%; margin:auto ; margin-top:20px "  >
	<el-table-column type="selection" width="55" /> <!--  多选例子 -->
	<el-table-column type="index" width="55" label="序号" /> <!--  序号例子 -->
	<el-table-column prop="data" label="Data" {1} {2} /> <!--  被改变样式的例子列 -->
	<el-table-column align="right" width="180">
		<template #header> <!--  头部范围 -->
			<el-input v-model="输入框数据" size="small" placeholder="Type to search" />
		</template>
		<template #default="scope"> <!--  列表范围 并且用 scope 来获取行数据 -->
			<el-button size="small" @click="左按钮事件(scope.$index, scope.row)">左按钮</el-button>
			<el-button size="small" type="danger"
				@click="右按钮事件(scope.$index, scope.row)">右按钮</el-button>	
		</template>
	</el-table-column>
	</el-table>
  </template>

  <script  setup>
  import { ref } from 'vue'
  const 绑定列表值 = [
	{data: '不错'},
	{data: '这是一句非常长的话 非常好 非常的不错 非常不错的例子 这是一句非常长的话 非常好 非常的不错 非常不错的例子 非常的不错 非常不错的例子'},
	{data: '2016-05-04',},]
	const 输入框数据 = ref('') //头部input关联的数据
  // 下面是两个按钮的方法
  const 左按钮事件 = (index, row) => {console.log(index, row)}
  const 右按钮事件 = (index, row) => {console.log(index, row)}
//如果下面有触发的方法 参数请参考 选项事件里的 类型
  {3}
  </script>
<style  scoped></style>`

func B表格列(属性表,事件表 lin.J键值表) (vue string) {
	基础vue := 表格列_基础
	属性 := 属性生成(属性表)
	样式 := ""
	js := ""
	if 属性表.QW取文本(":sort-method") != "" {
		js = js + 全_文本.C创建文本(" \r\n const {1} =(a,b)=>{ return a>b }", 属性表.QW取文本(":sort-method"))
	}

	基础vue = 全_文本.C创建文本(基础vue, 属性, 样式, js)
	return 基础vue

}
